{:W('Cate/header')}
{:W('Cate/left')}
    <!--内容部分-->
    <div class="content">
        <div class="title">
            <p>设备管理</p>
            <i class="icon-angle-right"></i>
            <p class="active">设备资源分组</p>
        </div>
        <div class="admin_list clearfix">
            <div class="main">
                <div class="main_title">
                    <ul class="clearfix">
                        <li>
                            <span>分组名称</span>
                            <input value="天字一号组" type="text" disabled="disabled">
                        </li>
                    </ul>
                </div>
                <div class="main_list" style="padding-top:20px;">
                    <div class="main_list_list device_list">
                        <dl>
                            <dt>
                                <span style="width:10%">序号</span>
                                <span style="width:12%">资源ID</span>
                                <span style="width:12%">资源名称</span>
                                <span style="width:12%">能力集合</span>
                                <span style="width:12%">资源组ID</span>
                                <span style="width:12%">资源组名称</span>
                                <span style="width:12%">已授权用户数</span>
                                <span style="width:18%">操作</span>
                            </dt>
                            <dd>
                                <span style="width:10%">1</span>
                                <span style="width:12%">001</span>
                                <span style="width:12%">123123</span>
                                <span style="width:12%">666</span>
                                <span style="width:12%">DX66</span>
                                <span style="width:12%">大千世界</span>
                                <span style="width:12%">88</span>
                                <span style="width:18%">
                                    <a class="sq" href="javascript:;">资源授权</a>
                                    <a class="xg" href="javascript:;">修改</a>
                                </span>
                            </dd>
                            <dd>
                                <span style="width:10%">2</span>
                                <span style="width:12%">001</span>
                                <span style="width:12%">123123</span>
                                <span style="width:12%">666</span>
                                <span style="width:12%">DX66</span>
                                <span style="width:12%">大千世界</span>
                                <span style="width:12%">88</span>
                                <span style="width:18%">
                                    <a class="sq" href="javascript:;">资源授权</a>
                                    <a class="xg" href="javascript:;">修改</a>
                                </span>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="fy">
                    <ul class="clearfix">
                        <li><em>上一页</em></li>
                        <li><span class="active">1</span></li>
                        <li><span>2</span></li>
                        <li><span>3</span></li>
                        <li><em>下一页</em></li>
                        <li><em>尾页</em></li>
                        <li>跳转到：</li>
                        <li><input type="text" value=""></li>
                        <li>页</li>
                        <li><button>确定</button></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--弹框-->
    <!--添加子组织-->
    <div class="hk"></div>
    <div class="add_group xg_device">
        <div class="add_group_title">
            <img src="__PUBLIC__/images/i_guanbi.png" class="icon-remove">修改通道名称
        </div>
        <div class="add_group_center">
            <ul>
                <li>
                    <span>
                        <i>*</i>资源名称
                    </span>
                    <input value="" type="text">
                </li>
            </ul>
        </div>
        <div class="add_group_btn">
            <button>确定</button>
        </div>
    </div>

    <!--资源授权-->
    <div class="add_group device_tk" >
        <div class="add_group_title">
            <img src="__PUBLIC__/images/i_guanbi.png" class="icon-remove">资源授权设置
        </div>
        <div class="device_list_center clearfix">
            <div class="center_left">
                <div class="center_left_title">
                    <img src="/Public/images/i_weishouquan.png">未选中
                </div>
                <div class="center_left_t">
                    <input type="checkbox" value="" name="box">
                    全选
                </div>
                <div class="center_left_list">
                    <dl>
                        <dt><i class="icon-sort-down"></i>总部</dt>
                        <dd>
                            <input type="checkbox" value="张小飞" name="boxcheck">
                            张小飞
                        </dd>
                        <dd>
                            <input type="checkbox" value="霍启华" name="boxcheck">
                            霍启华
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="icon-sort-down"></i>明珠花园</dt>
                        <dd>
                            <input type="checkbox" value="如来神掌" name="boxcheck">
                            如来神掌
                        </dd>
                        <dd>
                            <input type="checkbox" value="杨过" name="boxcheck">
                            杨过
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="center_center">
                <button id="add_Authorized">添加授权<i class="icon-double-angle-right"></i></button>
                <button id="remove_Authorized"><i class="icon-double-angle-left"></i>删除授权</button>
            </div>
            <div class="center_right">
                <div class="center_right_title">
                    <img src="__PUBLIC__/images/yishouquan.png">已授权
                </div>
                <div class="center_right_t">
                    <input type="checkbox" value="" name="box2">
                    全选
                </div>
                <div class="center_right_list">
                    <ul>
                        <li>
                            <input type="checkbox" value="郭晓峰" name="box2check">
                            郭晓峰
                        </li>
                        <li>
                            <input type="checkbox" value="郭晓华" name="box2check">
                            郭晓华
                        </li>
                        <li>
                            <input type="checkbox" value="郭打野" name="box2check">
                            郭打野
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="add_group_btn">
            <button>保存</button>
        </div>
    </div>
</body>
<script>
    $(document).ready(function () {

        //授权
        $('.device_list').find('.sq').each(function () {
            var _this = $(this);
            getPopup(_this,$('.device_tk'));
        });

        //修改
        $('.device_list').find('.xg').each(function () {
            var _this = $(this);
            getPopup(_this,$('.xg_device'));
        });

        //未选中
        selectCheckBox('input[name="box"]','input[name="boxcheck"]');
        //已授权全选
        selectCheckBox('input[name="box2"]','input[name="box2check"]');

    })
</script>
</html>